<!-- Columns -->

<div id="cols" class="box"> 

    <!-- Aside (Left Column) -->
    <div id="aside" class="box">
        <div class="padding box"> 

            <!-- Logo (Max. width = 200px) -->
            <p id="logo"><a href="#"><?php echo $this->Html->image('logo.gif', array('alt' => 'logo')) ?></a></p>

            <!-- Search -->
            <form action="#" method="get" id="search">
                <fieldset>
                    <legend>Search</legend>
                    <p>
                        <input type="text" size="17" name="" class="input-text" />
                        &nbsp;
                        <input type="submit" value="OK" class="input-submit-02" />
                        <br />
                        <a href="javascript:toggle('search-options');" class="ico-drop">Advanced search</a></p>

                    <!-- Advanced search -->
                    <div id="search-options" style="display:none;">
                        <p>
                            <label>
                                <input type="checkbox" name="" checked="checked" />
                                Option I.</label>
                            <br />
                            <label>
                                <input type="checkbox" name="" />
                                Option II.</label>
                            <br />
                            <label>
                                <input type="checkbox" name="" />
                                Option III.</label>
                        </p>
                    </div>
                    <!-- /search-options -->

                </fieldset>
            </form>

            <!-- Create a new project -->
            <p id="btn-create" class="box"><a href="#"><span>Create a new project</span></a></p>
        </div>
        <!-- /padding -->

        <ul class="box">
            <li><a href="#">Lorem ipsum</a></li>
            <li><a href="#">Lorem ipsum</a></li>
            <li><a href="#">Lorem ipsum</a></li>
            <li id="submenu-active"><a href="#">Active Page</a> <!-- Active -->
                <ul>
                    <li><a href="#">Lorem ipsum</a></li>
                    <li><a href="#">Lorem ipsum</a></li>
                    <li><a href="#">Lorem ipsum</a></li>
                    <li><a href="#">Lorem ipsum</a></li>
                    <li><a href="#">Lorem ipsum</a></li>
                </ul>
            </li>
            <li><a href="#">Lorem ipsum</a></li>
            <li><a href="#">Lorem ipsum</a>
                <ul>
                    <li><a href="#">Lorem ipsum</a></li>
                    <li><a href="#">Lorem ipsum</a></li>
                    <li><a href="#">Lorem ipsum</a></li>
                </ul>
            </li>
            <li><a href="#">Lorem ipsum</a></li>
        </ul>
    </div>
    <!-- /aside -->

    <hr class="noscreen" />

    <!-- Content (Right Column) -->
    <div id="content" class="box">
        <h1>Clientes</h1>
          <div class="search" style=" float: left;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 100%;">
	<div class="search-title">Busqueda Rapida</div>
<?php  echo $this->Form->create('Cliente', array('action' => 'buscar'));?>	
	<input  type="text" name="dato" class="input-search">
 <?php  $options = array('Value'=>'Buscar','class' => 'search-submit');?>
 <?php echo $this->Form->end($options); ?>
</div>
        <table>
            <tr>
                <th>Nro</th>
                <th>Nombre</th>
                <th>Empresa</th>
                <th>Nit</th>
                <th>Tel&eacute;fono</th>
                <th>Celular</th>
                 <th>Acciones</th>
            </tr>
            <?php
            $i = 1;
            
            ?>
          
            <?php foreach ($clientes as $emp): ?>
            
                <tr <?php echo fmod($i, 2) ? "class = bg" : "";?>>
                    <td><?php
                echo $i;
                $i++;
                ?></td>
                    <td><?php echo $emp['Cliente']['nombre']; ?></td>
                    <td><?php echo $emp['Cliente']['nomb_empresa']; ?></td>
                    <td><?php echo $emp['Cliente']['nit']; ?></td>
                    <td><?php echo $emp['Cliente']['telefono']; ?></td>
                    <td><?php echo $emp['Cliente']['celular']; ?></td>
                    <td>
                        <?php echo $this->Html->link($this->Html->image('/images/edit.png', array("alt" => 'Editar', 'title' => 'editar')), array('action' => 'editar', $emp['Cliente']['id']), array('escape' => false)); ?>&nbsp;
                    </td>
                </tr>
              
            <?php endforeach; ?>

        </table>
        
        <div class="grid-buttons">
                     <!--<div class="title-grid"><span>Acciones</span></div>-->
            <div class="content-gird">
                <div class="button">

                    <?php echo $this->Html->link('Registrar Cliente', '/clientes/insertar', array('title' => 'Insertar nuevo cliente')); ?>
                </div>

                <div style="float:left;">
                    <?php echo $this->Form->button('Imprimir Lista', array('title' => 'Imprimir lista', 'id' => 'btnImprimir', 'class' => 'mybutton')); ?>
                </div>
                <div class="clear"> </div>
            </div>

        </div>

    </div>
    <!-- /content --> 

</div>
<!-- /cols -->
